@charset "utf-8";
/**
 * Created by kroyo on 2018/02/24.
 * 公司详情样式
 */


@import 'common/mixincommon';


body{
    background-color: $sf;
}


.content-company{
    margin-top: 0;
    padding-top: r(40px);
    padding-bottom: r(40px);
    border-top: r(20px) solid $f2;
}


.company-header{
    height: r(80px);
    margin-bottom: r(40px);
    font-size: 0;
    .company-logo{
        display: table-cell;
        width: r(80px);
        height: r(80px);
        border: r(1px) solid $borcolor;
        @include borradius(50%);
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        img{
            width: 100%;
            vertical-align: middle;
        }
    }
    .company-name{
        display: table-cell;
        width: auto;
        max-width: r(630px);
        font-size: r(30px);
        color: $s3;
        vertical-align: middle;
        padding-left: r(20px);
    }
}
.company-item{
    font-size: 0;
    line-height: r(30px);
    margin-bottom: r(40px);
    .item{
        font-size: r(26px);
        vertical-align: top;
    }
    .tlabel{
        color: $s3;
    }
    .text{
        display: inline-block;
        width: auto;
        max-width: r(560px);
        color: $s6;
        margin-left: r(20px);
    }
}
.company-awards{
    .item{
        vertical-align: middle;
    }
    .text{
        font-size: 0;
    }
    img{
        width: r(40px);
        height: r(40px);
        @include borradius(50%);
        margin-right: r(20px);
        border: r(1px) solid $borcolor;
        overflow: hidden;
        vertical-align: middle;
        &:last-of-type{
            margin-right: 0;
        }
    }
}
.company-category{
    .text{
        font-size: 0;
    }
    .cate{
        display: inline-block;
        height: r(40px);
        line-height: r(38px);
        padding: 0 r(20px);
        border: r(2px) solid $borcolor;
        @include borradius(r(20px));
        font-size: r(26px);
        margin-right: r(20px);
        margin-bottom: r(20px);
    }
}
.company-state{
    margin-top: r(-20px);
    .tlabel{
        display: block;
        margin-bottom: r(20px);
    }
    .text{
        width: 100%;
        max-width: 100%;
        font-size: r(26px);
        color: $s6;
        margin-left: 0;
        line-height: r(36px);
        img{
            width: 100%;
            vertical-align: middle;
        }
    }
}